<script lang="ts" setup>
// FluentUI components are registered in main.ts

type LabelSize = 'large' | 'medium' | 'small';
type LabelWeight = 'regular' | 'semibold';

withDefaults(
  defineProps<{
    disabled?: boolean;
    required?: boolean;
    size?: LabelSize;
    weight?: LabelWeight;
  }>(),
  {
    size: undefined,
    weight: undefined,
    disabled: false,
    required: false,
  },
);
</script>

<template>
  <fluent-label
    :size="size"
    :weight="weight"
    :disabled="disabled"
    :required="required"
  >
    <slot></slot>
  </fluent-label>
</template>
